<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="./plainTemplates/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
		<script src="./plainTemplates/plainTemplates.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="./templates/demo.css" include='true' type="text/css" media="screen" charset="utf-8" />
		<title>
            plainTemplate demo page
        </title>
    </head>
    <body>
		<object data="./templates/top.htm" codetype="text/template"></object>
		<object data="./templates/left.htm" codetype="text/template"></object>
		<object archive="./templates/{%1}" codetype="text/template">
        	<div>
				<label>
	        		Enter template filename:
					<input class='plainTemplates' type='text' value='test.htm' />
				</label>
			</div>
			<p>This input replaces {%1} variable in <em>object[@archive]</em></p>
			<p>You can also define it in URL like so: <em>./demo-js.htm?test</em></p>
			<p>This will replace {1} to <em>test.htm</em>.</p>
			<p>Change background of label above and save changes, as a test ;)</p>
			<p>Class <em>input.plainTemplates</em> is needed.</p>
        </object>
		<object data="./templates/foot.htm" codetype="text/template"></object>
    </body>
</html>
